.container {
  padding-top: 10rpx;
  display: flex;

  .nav-left {
    width: 198rpx;
    overflow-y: auto;
    border-radius: 0 10rpx 10rpx 0;

    .single {
      height: 110rpx;
      color: #9A9A9A;
      font-size: 28rpx;
      overflow: hidden;
      display: flex;
      align-items: center;

      &.active {
        background-color: white;
        color: #1A1A1A;
        font-weight: bold;
      }

      .line {
        width: 8rpx;
        height: 40rpx;
        background: #F7F7F7;
        border-radius: 0px 4rpx 4rpx 0px;
        margin-right: 36rpx;
        &.active{
        background: #FFC606;

        }
      }
    }
  }

  .nav-right {
    background-color: white;
    min-height: 100vh;
    flex: 1;

    .single {
      display: flex;
      padding-bottom: 29rpx;
      padding-left: 20rpx;
      padding-top: 29rpx;

      border-bottom: 1px solid #F2F2F2;

      .left {
        position: relative;

        image {
          width: 126rpx;
          height: 126rpx;
          margin-right: 20rpx;
        }

        .lable {
          width: 60rpx;
          height: 30rpx;
          background: linear-gradient(90deg, #FB3C44, #FFAA8E);
          color: white;
          font-size: 22rpx;
          text-align: center;
          line-height: 30rpx;
          position: absolute;
          left: 0;
          top: 10rpx
        }
      }

      .right {
        height: 126rpx;
        display: flex;
        flex-direction: column;
        justify-content: space-between;

        .title {
          width: 340rpx;
          font-size: 26rpx;
          color: #1A1A1A;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
        }

        .labels {
          display: flex;

          view {
            width: 100rpx;
            height: 32rpx;
            border-radius: 6rpx;
            font-size: 22rpx;
            text-align: center;
            margin-right: 10rpx;
          }

          .vip {
            background-color: rgba(255, 198, 6, 0.2);
            color: #FF7F00;
          }

          .point {
            background-color: rgba(213, 0, 0, 0.2);
            color: #FB4147;
          }
        }

        .info {
          display: flex;
          width: 340rpx;
          justify-content: space-between;
          align-items: center;

          .price {
            font-size: 26rpx;
            color: #F01919;
          }

          .sales {
            font-size: 22rpx;
            color: #B3B3B3;
          }

          image {
            width: 25rpx;
            height: 26rpx;
          }
        }

      }
    }
  }
}